<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>8-事件循环-练习</title>
  </head>
  <body>
    <h2>事件循环-练习</h2>
    <script>
      console.log(1)

      setTimeout(() => {
        console.log(2)
      }, 0)

      setTimeout(() => {
        console.log(3)
      }, 0)

      function getProvince() {
        const xhr = new XMLHttpRequest()
        xhr.open('get', 'http://hmajax.itheima.net/api/province')
        xhr.addEventListener('loadend', () => {
          console.log(4)
        })
        xhr.send()
      }

      getProvince()

      document.addEventListener('click', () => {
        console.log(5)
      })

      console.log(6)
      // 打印结果 姜：1 6 4 2 3  点击之后打印 5
      // 周思涵：1 6 2 3 4  5
      // 周祺，1 4 6 2 3  5
      // 乐：1 6 2 3 5   
      // 静：1 6 2 3 4 5  

    </script>
  </body>
</html>
